npm - ueditor-plus-assets - Versions diffs - 0.1.0 → 0.1.1 - Mend

ueditor-plus-assets 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/README.md CHANGED Viewed

@@ -1,3 +1,3 @@
-# ueditor-plus-assets
-Static assets for UEditorPlus.
+# ueditor-plus-assets
+Static assets for UEditorPlus.

package/dist/UEditorPlus/dialogs/ai/ai.html ADDED Viewed

@@ -0,0 +1,139 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <link rel="stylesheet" href="./../../themes/default/dialog.css?{timestamp}">
+    <script type="text/javascript" src="../internal.js?{timestamp}"></script>
+    <style type="text/css">
+        [v-cloak] {
+            display: none;
+        }
+        .wrapper {
+            width: 620px;
+            padding: 10px;
+            height: 399px;
+            box-sizing: border-box;
+            overflow: hidden;
+            position: relative;
+            font-size: 13px;
+        }
+        .wrapper .input::placeholder{
+            color:#999;
+        }
+        .ai-operate {
+            display: block;
+            min-width: 8em;
+            text-align: center;
+            text-decoration: none;
+            line-height: 30px;
+            background: var(--edui-color-border);
+            color: #111;
+            border-radius: 15px;
+            padding: 0 10px;
+            margin: 5px 5px 0 0;
+        }
+        .ai-operate:hover {
+            box-shadow: 0 0 5px rgba(0, 0, 0, .1);
+        }
+        .btn.primary:hover {
+            box-shadow: 0 0 10px rgba(0, 0, 0, .2);
+        }
+        .close:hover {
+            color: red !important;
+        }
+    </style>
+</head>
+<body>
+<div class="wrapper" id="app" v-cloak>
+    <div>
+        <div v-if="selectText"
+             style="line-height:30px;padding:0 10px;border-radius:5px;margin-bottom:10px;display:inline-flex;align-items:center;">
+            <div style="margin-right:5px;">
+                <i class="edui-iconfont edui-icon-outline" style="font-size:18px;"></i>
+            </div>
+            <div style="text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:550px;">
+                {{ selectText }}
+            </div>
+        </div>
+        <div class="flex" style="padding: 5px; border-radius: 30px; box-shadow: 0 0 10px #CCC;">
+            <div class="flex-grow">
+                <input type="text" v-model="inputText"
+                       class="input"
+                       style="width:540px;border-color:transparent;font-size:14px;"
+                       placeholder=""
+                       id="lang_input_placeholder"/>
+            </div>
+            <div class="flex-shrink-0" style="width:32px;padding-right:5px;">
+                <a href="javascript:;" class="btn primary"
+                   @click="doSubmit"
+                   style="width:30px;text-align:center;padding:0;border-radius:50%;">
+                    <i v-if="loading" class="edui-iconfont edui-icon-refresh"
+                       style="display:inline-block;animation:spin 2s linear infinite;"></i>
+                    <i v-else class="edui-iconfont edui-icon-right-direction"></i>
+                </a>
+            </div>
+        </div>
+        <div v-if="resultHtml || resultError"
+             style="border-top:1px solid #F2F2F2;margin-top:10px;padding-top:10px;">
+            <div v-if="resultError"
+                 style="color:red;background:rgba(255,0,0,0.1);margin-bottom:10px;padding:10px;border-radius:10px;">
+                {{ resultError }}
+            </div>
+            <div class="flex flex-items-center" style="height:30px;">
+                <div class="flex-grow">
+                    <i class="edui-iconfont edui-icon-robot" style="font-size:16px;"></i>
+                    <var id="lang_result_title"></var>
+                </div>
+                <div>
+                    <a v-if="!loading" @click="doInsert" href="javascript:;" class="btn sm">
+                        <i class="edui-iconfont edui-icon-page-break"></i>
+                        <var id="lang_insert"></var>
+                    </a>
+                    <a v-if="!loading&&selectText" @click="doReplace" href="javascript:;" class="btn sm">
+                        <i class="edui-iconfont edui-icon-eraser"></i>
+                        <var id="lang_replace"></var>
+                    </a>
+                </div>
+            </div>
+            <div
+                style="margin-top:10px;background:rgba(0,0,0,0.03);padding:10px;border-radius:10px;overflow:auto;"
+                :style="{height:resultHeight}"
+            >
+                <div class="ub-html" v-html="resultHtml"></div>
+            </div>
+        </div>
+        <div v-else
+             style="border-top:1px solid #F2F2F2;margin-top:10px;padding-top:10px;">
+            <div v-if="functions.length" style="color:#999;">
+                <i class="edui-iconfont edui-icon-bell" style="font-size:16px;"></i>
+                <var id="lang_tip_with_actions"></var>
+            </div>
+            <div v-else style="color:#999;">
+                <i class="edui-iconfont edui-icon-bell" style="font-size:16px;"></i>
+                <var id="lang_tip_without_actions"></var>
+            </div>
+            <div style="padding-top:10px;display:flex;">
+                <a href="javascript:;" v-for="f in functions"
+                   @click="doSubmitFunction(f)"
+                   class="ai-operate">
+                    <span v-html="f.text"></span>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../../third-party/vue.js?{timestamp}"></script>
+<script src="../../third-party/showdown.js?{timestamp}"></script>
+<script src="../../third-party/jquery-1.10.2.js?{timestamp}"></script>
+<script type="text/javascript" src="../../third-party/clipboard/clipboard.js?{timestamp}"></script>
+<script type="text/javascript" src="./ai.js?{timestamp}"></script>
+</body>
+</html>

package/dist/UEditorPlus/dialogs/ai/ai.js ADDED Viewed

@@ -0,0 +1,282 @@
+var aiConfig = editor.getOpt('ai')
+var aiFunctions = editor.getOpt('aiFunctions');
+var isMultiLine = function (text) {
+    return text.indexOf('\n') !== -1;
+}
+var fetchStream = function (url, option, onStream, onFinish) {
+    fetch(url, Object.assign({
+        method: 'POST',
+    }, option)).then(function (response) {
+        if (!response.ok) {
+            onFinish({code: -1, msg: 'HTTP error! status: ' + response.status})
+            return;
+        }
+        var reader = response.body.getReader();
+        var decoder = new TextDecoder('utf-8');
+        var buffer = '';
+        var textList = [];
+        function processChunk(chunk) {
+            buffer += decoder.decode(chunk, {stream: true});
+            // 分割事件流，每个事件以"data:"开头，以两个换行符结束
+            var lines = buffer.split('\n');
+            for (var i = 0; i < lines.length; i++) {
+                var line = lines[i];
+                line = line.trim();
+                if (line.startsWith('data:')) {
+                    var jsonStr = line.replace('data:', '').trim();
+                    if (jsonStr === '[DONE]') {
+                        onFinish({code: 0, msg: 'ok', data: {text: textList.join('')}})
+                        return;
+                    }
+                    try {
+                        var text = null;
+                        var data = JSON.parse(jsonStr);
+                        if (data.choices && data.choices.length > 0 && data.choices[0].delta) {
+                            text = data.choices[0].delta.content;
+                        } else if (data.type) {
+                            // 兼容ModStart
+                            // {"type":"error","data":"xxx"}
+                            // {"type":"end","data":"xxx"}
+                            // {"type":"data","data":"xxx"}
+                            if (data.type === 'error') {
+                                onFinish({code: -1, msg: data.data});
+                                return;
+                            } else if (data.type === 'end') {
+                                onFinish({code: 0, msg: 'ok', data: {text: textList.join('')}});
+                                return;
+                            } else if (data.type === 'data') {
+                                text = data.data;
+                            }
+                        }
+                        if (text !== null) {
+                            textList.push(text);
+                            onStream({code: 0, msg: 'ok', data: {text: text}});
+                        } else {
+                            onFinish({code: -1, msg: 'No text found!'});
+                            console.log('data:', data);
+                        }
+                    } catch (e) {
+                        onFinish({code: -1, msg: 'JSON parse error!' + e});
+                    }
+                }
+            }
+            buffer = lines.pop() || '';
+        }
+        function read() {
+            reader.read().then(function (result) {
+                var done = result.done;
+                var value = result.value;
+                if (done) {
+                    if (buffer) processChunk(new Uint8Array());
+                    return;
+                }
+                processChunk(value);
+                read();
+            }).catch(function (error) {
+                onFinish({code: -1, msg: 'Stream error!' + error});
+            });
+        }
+        read();
+    }).catch(function (error) {
+        onFinish({code: -1, msg: 'Request error!' + error});
+    });
+}
+var openAiCompletion = function (url, param, option) {
+    option = Object.assign({
+        body: null
+    }, option)
+    if (!option.body) {
+        option.body = {
+            model: aiConfig.driverConfig.model,
+            messages: [{role: 'user', content: param.promptText}],
+            stream: true,
+        }
+    }
+    fetchStream(
+        url,
+        {
+            headers: {
+                'Authorization': 'Bearer ' + aiConfig.driverConfig.key,
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(option.body)
+        },
+        param.onStream,
+        param.onFinish
+    )
+}
+var drivers = {
+    'ModStart': function (param) {
+        openAiCompletion(aiConfig.driverConfig.url, param, {
+            body: {
+                prompt: param.promptText
+            }
+        })
+    },
+    'OpenAi': function (param) {
+        openAiCompletion(aiConfig.driverConfig.url || 'https://api.openai.com/v1/engines/davinci/completions', param)
+    },
+    'DeepSeek': function (param) {
+        openAiCompletion(aiConfig.driverConfig.url || 'https://api.deepseek.com/chat/completions', param)
+    },
+}
+function getRequest(driver) {
+    if (aiConfig.driverRequest) {
+        return aiConfig.driverRequest
+    }
+    if (driver in drivers) {
+        return drivers[driver]
+    }
+    return null
+}
+var converter = new window.showdown.Converter();
+var Ai = {
+    runtime: {
+        range: null,
+    },
+    init: function () {
+        new Vue({
+            el: '#app',
+            data: {
+                loading: false,
+                selectText: '',
+                inputText: '',
+                promptText: '',
+                resultText: '',
+                resultError: '',
+                functions: [],
+            },
+            mounted: function () {
+                Ai.runtime.range = editor.selection.getRange();
+                var cloneContents = Ai.runtime.range.cloneContents();
+                if (cloneContents) {
+                    this.selectText = cloneContents.textContent.trim();
+                } else {
+                    this.selectText = '';
+                }
+                this.buildFunctions()
+            },
+            computed: {
+                resultHtml: function () {
+                    if (!this.resultText) {
+                        return '';
+                    }
+                    return converter.makeHtml(this.resultText);
+                },
+                resultHeight: function () {
+                    var height = 255;
+                    if (this.selectText) {
+                        height -= 45;
+                    }
+                    if (this.resultError) {
+                        height -= 45;
+                    }
+                    return height + 'px';
+                }
+            },
+            methods: {
+                buildFunctions: function () {
+                    var enableParam = {
+                        selectText: this.selectText
+                    }
+                    this.functions = aiFunctions.map(function (f) {
+                        if (!f.enable(enableParam)) {
+                            return null;
+                        }
+                        f.prompt = f.prompt.replace(/\{selectText\}/g, enableParam.selectText);
+                        return f;
+                    }).filter(function (f) {
+                        return !!f;
+                    });
+                },
+                doSubmit: function () {
+                    if (this.loading) {
+                        return;
+                    }
+                    if (this.inputText) {
+                        if (this.selectText) {
+                            this.promptText = this.selectText + '\n\n' + this.inputText;
+                        } else {
+                            this.promptText = this.inputText;
+                        }
+                    }
+                    if (!this.promptText) {
+                        editor.tipError(editor.getLang("ai.emptyPrompt"));
+                        return;
+                    }
+                    this.loading = true;
+                    this.resultError = '';
+                    this.resultText = '';
+                    var driverRequest = getRequest(aiConfig.driver)
+                    if (!driverRequest) {
+                        editor.tipError(editor.getLang("ai.driverMissing"));
+                        return;
+                    }
+                    driverRequest({
+                        promptText: this.promptText,
+                        onStream: function (res) {
+                            if (res.code) {
+                                this.resultError = res.msg;
+                                return;
+                            }
+                            this.resultText += res.data.text;
+                        }.bind(this),
+                        onFinish: function (res) {
+                            this.loading = false;
+                            if (res.code) {
+                                this.resultError = res.msg;
+                                return;
+                            }
+                            this.resultText = res.data.text;
+                        }.bind(this)
+                    });
+                },
+                doSubmitFunction: function (f) {
+                    this.promptText = f.prompt;
+                    this.doSubmit()
+                },
+                doInsert: function () {
+                    editor.fireEvent('saveScene');
+                    if (this.selectText) {
+                        if (isMultiLine(this.resultText)) {
+                            Ai.runtime.range.insertNode(document.createRange().createContextualFragment(this.resultHtml));
+                        } else {
+                            Ai.runtime.range.insertNode(document.createTextNode(this.resultText));
+                        }
+                    } else {
+                        if (isMultiLine(this.resultText)) {
+                            editor.execCommand('insertHtml', this.resultHtml);
+                        } else {
+                            editor.execCommand('insertHtml', this.resultText);
+                        }
+                    }
+                    dialog.close(true);
+                },
+                doReplace: function () {
+                    editor.fireEvent('saveScene');
+                    Ai.runtime.range.deleteContents();
+                    if (isMultiLine(this.resultText)) {
+                        Ai.runtime.range.insertNode(document.createRange().createContextualFragment(this.resultHtml));
+                    } else {
+                        Ai.runtime.range.insertNode(document.createTextNode(this.resultText));
+                    }
+                    dialog.close(true);
+                },
+            }
+        });
+    },
+};
+utils.domReady(function () {
+    Ai.init();
+});

package/dist/UEditorPlus/dialogs/anchor/anchor.html ADDED Viewed

@@ -0,0 +1,62 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+    <style type="text/css">
+        * {
+            color: #838383;
+            margin: 0;
+            padding: 0
+        }
+        html, body {
+            font-size: 12px;
+            overflow: hidden;
+        }
+        .content {
+            padding: 5px 0 0 15px;
+        }
+        input {
+            margin-left: 4px;
+            box-sizing: border-box;
+            width: 210px;
+            height: 30px;
+            line-height: 30px;
+            border: 1px solid #F2F2F2;
+            border-radius: 3px;
+            padding: 0 5px;
+            outline: none;
+        }
+    </style>
+</head>
+<body>
+<div class="content">
+    <span><var id="lang_input_anchorName"></var></span><input id="anchorName" value=""/>
+</div>
+<script type="text/javascript" src="../internal.js?{timestamp}"></script>
+<script type="text/javascript">
+    var anchorInput = $G('anchorName'),
+        node = editor.selection.getRange().getClosedNode();
+    if (node && node.tagName == 'IMG' && (node = node.getAttribute('anchorname'))) {
+        anchorInput.value = node;
+    }
+    anchorInput.onkeydown = function (evt) {
+        evt = evt || window.event;
+        if (evt.keyCode == 13) {
+            editor.execCommand('anchor', anchorInput.value);
+            dialog.close();
+            domUtils.preventDefault(evt)
+        }
+    };
+    dialog.onok = function () {
+        editor.execCommand('anchor', anchorInput.value);
+        dialog.close();
+    };
+    $focus(anchorInput);
+</script>
+</body>
+</html>